<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div id="banner">
        <img src="images/tu3.jpg" />
    </div>
<div id="content">
    <h2 class="step">注册步骤:</h2>
    <form action="#" method="POST" class="one"></form>
       <h3>你的账号信息:</h3>
       <table class="content">
           <tr>
               <td class="left">注册方式:</td>
               <td>
                   <label for="one"><input type="radio" name="sex" id="one">E-mail注册</label>&nbsp;&nbsp;&nbsp;&nbsp;
                   <label for="two"><input type="radio" name="sex" id="two">手机号码注册</label>
               </td>
           </tr>
           <tr>
               <td class="left">注册邮箱:</td>
               <td><input type="text" class="right"/></td>
           </tr>
           <tr>
               <td class="left">注册手机:</td>
               <td><input type="text" class="right"/></td>
           </tr>
           <tr>
               <td class="left">登录密码:</td>
               <td><input type="password" maxlength="8" class="right"/></td>
           </tr>
           <tr>
               <td class="left">昵称:</td>
               <td><input type="text" class="right"/></td>
           </tr>
       </table>
       <h3>你的个人信息:</h3>
       <table class="content">
           <tr>
               <td class="left">性别:</td>
               <td>
                   <label for="boy"><input type="radio" name="sex" id="boy"/>男</label>&nbsp;&nbsp;&nbsp;&nbsp;
                   <label for="girl"><input type="radio" name="sex" id="girl"/>女</label>
               </td>
           </tr>
           <tr>
               <td class="left">所在城市:</td>
               <td>
                   <select>
                       <option>-请选择-</option>
                       <option selected="selected">北京</option>
                       <option>上海</option>
                       <option>广州</option>
                       <option>深圳</option>
                   </select>
               </td>
           </tr>
           <tr>
               <td class="left">喜爱的球星:</td>
               <td>
                   <input type="checkbox"/>科比&nbsp;&nbsp;&nbsp;&nbsp;
                   <input type="checkbox"/>詹姆斯&nbsp;&nbsp;&nbsp;&nbsp;
                   <input type="checkbox"/>韦德&nbsp;&nbsp;&nbsp;&nbsp;
                   <input type="checkbox"/>麦迪&nbsp;&nbsp;&nbsp;&nbsp;
                   <input type="checkbox"/>卡特&nbsp;&nbsp;&nbsp;&nbsp;
                   <input type="checkbox"/>其他
               </td>
           </tr>
           <tr>
               <td class="left">有什么建议:</td>
               <td>
                   <textarea  cols="60" rows="8">评论的时候，请文明用语。</textarea>
               </td>
           </tr>
           <tr>
           <td>
               <input type='button' name='aa' id='btn1' value=注册完成 />
           </td>
          </tr>

           
       </table>
</div>
</body>
</html>